<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/register.css">
</head>

<body>
    <div class="header">
        <div class="w1000">
            <!-- 左边logo -->
            <div class="logo fl">
                <a href="./home.html">
                    <h1>源码数据</h1>
                </a>
            </div>
            <!-- 右边登陆和注册 -->
            <div class="header-login fr">
                已有源码账号，
                <a href="./login.html">立即登陆</a>
            </div>
        </div>
    </div>
    <!-- header结束 -->

    <div class="content w1000">
        <form action="#" class="reg-form">
            <h1>欢迎注册</h1>
            <h2>百款接口免费试用</h2>
            <p class="reg-desc-p">注册即送300元大礼包</p>
            <div class="reg-item">
                <input type="text" class="reg-input" placeholder="用户名（6~20位字母数字）">
                <p class="error clearfix">
                    <span class="error-icon fl"></span>
                    <span class="msg fl">昵称需在6-12位字母数字间</span>
                </p>
                <img src="../imgs/clearInput.png" alt="" class="clear-img">
            </div>
            <div class="reg-item">
                <input type="text" class="reg-input" placeholder="请输入手机号码">
                <p class="error clearfix">
                    <span class="error-icon fl"></span>
                    <span class="msg fl">请输入正确的手机号</span>
                </p>
                <img src="../imgs/clearInput.png" alt="" class="clear-img">
            </div>
            <div class="reg-item clearfix">
                <input type="text" class="reg-input msg-input fl" placeholder="请输入手机短信验证码">
                <!-- <input type="button" class="reg-msgbtn fl" value="获取验证码"> -->
                <button class="reg-msgbtn msg-input custom-btn btn-12">
                    <span>获取验证码</span>
                    <span>点我！</span>
                </button>
                <p class="error clearfix">
                    <span class="error-icon fl"></span>
                    <span class="msg fl">请输入4位手机验证码</span>
                </p>
                <img src="../imgs/clearInput.png" alt="" class="clear-img code-img">
            </div>
            <div class="reg-item">
                <input type="password" class="reg-input" placeholder="请输入6至12位的密码">
                <p class="error clearfix">
                    <span class="error-icon fl"></span>
                    <span class="msg fl">请输入6至12位的密码</span>
                </p>
                <img src="../imgs/clearInput.png" alt="" class="clear-img clear-last-img">
            </div>
            <p class="agree">
                <label for="">
                    <input type="checkbox" class="checked">
                    <span class="info">
                        我已阅读并接受
                        <a href="#" target="_blank">《源码用户服务协议》</a>
                        <a href="#" target="_blank">《源码隐私政策》</a>
                    </span>
                </label>
            </p>
            <!-- <input type="button" class="reg-btn user-reg-action-log" value="立即注册"> -->
            <button class="custom-btn btn-6 reg-btn user-reg-action-log" disabled>
                <span>立即注册</span>
            </button>
        </form>
    </div>

    <script src="../js/register.js"></script>
</body>

</html>